import React from 'react';
// 登录页组件
import '@/assets/css/login.css';
import { Card, Tabs } from 'antd';
import NomalLogin from './NormalLogin';
import MobileLogin from './MobileLogin'

const Index = () => {
    const onChange = (key) => {
        console.log(key);
    };
    return (
        <div className='login'>
            <Card
                bordered={false}
                style={{
                    width: 350,
                }}
            >
                <Tabs
                    defaultActiveKey="1"
                    onChange={onChange}
                    centered
                    tabBarGutter={100}
                    size='large'
                    items={[
                        {
                            label: `密码登录`,
                            key: '1',
                            children: <NomalLogin></NomalLogin>,
                        },
                        {
                            label: `短信登录`,
                            key: '2',
                            children: <MobileLogin></MobileLogin>,
                        }
                    ]}
                />
            </Card>
        </div>
    );
}

export default Index;
